<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>最近聊天</title>
    <link id="icon" rel="shortcut icon" href="static/picture/favicon.ico">
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/js_on_develop/header.js"></script>
    <script src=static/js/js_on_develop/basic.js></script>
    <script src="static/js/js_on_develop/GetParam.js"></script>
    <script src="static/js/js_on_develop/data-request.js"></script>
</head>

<body>
    <div class="loader">
        <div class="spinner">
            <img src="static/picture/loader.gif" alt="">
        </div>
    </div>
    <!-- Main Body -->
    <div class="page-wrapper">

        <!-- Header 公共部分 -->
        <div class="header-page"></div>
        <!-- Container Start -->
        <div class="page-wrapper">
            <div class="main-content">

                <div class="inbox-msg">
                    <div class="inbox-people">
                        <div class="headind-srch">
                            <div class="recent-heading">
                                <h4>Recent</h4>
                            </div>
                            <div class="srch-bar">
                                <div class="stylish-input-group">
                                    <input type="text" class="search-bar" placeholder="Search">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 56.966 56.966">
                                        <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23
											s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92
											c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17
											s-17-7.626-17-17S14.61,6,23.984,6z"></path>
                                    </svg>
                                </div>
                            </div>
                        </div>
                        <div class="inbox-chat">
                            <div class="chat-list">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle"></i>
                                        <img src="static/picture/user1.png" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Nicole james <span class="chat_date">5 hours</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list active-chat">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle inactive-green"></i>
                                        <img src="static/picture/user2.png" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Mark Wood <span class="chat_date">25 min</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle"></i>
                                        <img src="static/picture/user3.jpg" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Mike Jonson <span class="chat_date">2 hours</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list active-chat">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle"></i>
                                        <img src="static/picture/user1.png" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Micky Jam <span class="chat_date">15 min</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle inactive-green"></i>
                                        <img src="static/picture/user4.jpg" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Joye Gunn <span class="chat_date">10 min</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle"></i>
                                        <img src="static/picture/user.jpg" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>Tom Crus <span class="chat_date">2 hours</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="chat-list">
                                <div class="chat-people">
                                    <div class="chat-img">
                                        <i class="fas fa-circle"></i>
                                        <img src="static/picture/user2.png" alt="">
                                    </div>
                                    <div class="chat-ib">
                                        <h5>John Doe <span class="chat_date">5 min</span></h5>
                                        <p>Test, which is a new approach to have all solutions.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mesgs">
                        <div class="chat-list chat-list22">
                            <div class="chat-people">
                                <div class="chat-img">
                                    <i class="fas fa-circle"></i>
                                    <img src="static/picture/user.jpg" alt="">
                                </div>
                                <div class="chat-ib">
                                    <h5>Steven John</h5>
                                    <p>Active Now</p>
                                </div>
                            </div>
                        </div>
                        <div class="msg-history">
                            <div class="incoming-msg">
                                <div class="incoming-msg-img">
                                    <img src="static/picture/user.jpg" alt="">
                                </div>
                                <div class="received-msg">
                                    <div class="received-withd-msg">
                                        <p>Test which is a new approach to have all
                                            solutions</p>
                                        <span class="time-date"> 11:01 AM | June 9</span>
                                    </div>
                                </div>
                            </div>
                            <div class="outgoing-msg">
                                <div class="sent-msg">
                                    <p>Test which is a new approach to have all
                                        solutions</p>
                                    <span class="time-date"> 11:01 AM | June 9</span>
                                </div>
                                <div class="incoming-msg-img">
                                    <img src="static/picture/user1.png" alt="">
                                </div>
                            </div>
                            <div class="incoming-msg">
                                <div class="incoming-msg-img"> <img src="static/picture/user.jpg" alt=""> </div>
                                <div class="received-msg">
                                    <div class="received-withd-msg">
                                        <p>Test, which is a new approach to have</p>
                                        <span class="time-date"> 11:01 AM | Yesterday</span>
                                    </div>
                                </div>
                            </div>
                            <div class="outgoing-msg">
                                <div class="sent-msg">
                                    <p>Apollo University, Delhi, India Test</p>
                                    <span class="time-date"> 11:01 AM | Today</span>
                                </div>
                                <div class="incoming-msg-img">
                                    <img src="static/picture/user1.png" alt="">
                                </div>
                            </div>
                            <div class="incoming-msg">
                                <div class="incoming-msg-img"> <img src="static/picture/user.jpg" alt=""> </div>
                                <div class="received-msg">
                                    <div class="received-withd-msg">
                                        <p>We work directly with our designers and suppliers,
                                            and sell direct to you, which means quality, exclusive
                                            products, at a price anyone can afford.</p>
                                        <span class="time-date"> 11:01 AM | Today</span>
                                    </div>
                                </div>
                            </div>
                            <div class="outgoing-msg">
                                <div class="sent-msg">
                                    <p>Apollo University, Delhi, India Test</p>
                                    <span class="time-date"> 11:01 AM | Today</span>
                                </div>
                                <div class="incoming-msg-img">
                                    <img src="static/picture/user1.png" alt="">
                                </div>
                            </div>
                            <div class="incoming-msg">
                                <div class="incoming-msg-img"> <img src="static/picture/user.jpg" alt=""> </div>
                                <div class="received-msg">
                                    <div class="received-withd-msg">
                                        <p>Test, which is a new approach to have</p>
                                        <span class="time-date"> 11:01 AM | Yesterday</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="type-msg">
                            <div class="input-msg-write">
                                <input type="text" class="write-msg" placeholder="Type a message">
                                <button class="msg-send-btn" type="button">Send <i
                                        class="fab fa-telegram-plane"></i></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Script Start -->
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/popper.min.js"></script>
    <script src="static/js/bootstrap.min.js"></script>
    <script src="static/js/custom.js"></script>
</body>

</html>